/* eslint-disable */

<template >
  <div class="l-button" @click="onClick">
    2-这是一个按钮组件，点击 - {{ count }}
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from "vue";
  export default defineComponent({
    name: "l-button",
    props: {

    },
    setup() {
      let count = ref(1)
      const onClick = () => {
        count.value++
        console.log(count.value, 'count值')
      }

      return {
        onClick,
        count
      }
    }
  });
</script>

<style>
.l-button {
  margin: 0 auto;
  width: 300px;
  height: 60px;
  line-height: 60px;
  background: #000;
  color: #fff;
  border-radius: 10px;
}
</style>
